<!DOCTYPE html>
<html>
<head>
    {block name='head'}
    {include file="public/head"}
    {/block}
</head>
{block name='htmlbody'}
<body>
{block name='header'}
{include file='public/header'}
{/block}
{block name='nav'}
{include file='public/nav'}
{/block}

{block name='body'}
{block name='left'}
{/block}

{block name='right'}
{/block}
{/block}

{block name='footer'}
{include file='public/footer'}
{/block}

{block name='defaultScript'}
<script>
    layui.config({
        version: "1.0.0"
        , base: '__JS__/' //这里实际使用时，建议改成绝对路径
    }).extend(
        {fly: 'index'}
    ).use(['fly', 'layer', 'jquery'], function ()
    {
        let layer = layui.layer;
        let $ = layui.jquery;
        $('.fly-search').on('click', function ()
        {
            let api = "{:url('base/search')}";
            layer.open({
                type: 1
                ,
                title: false
                ,
                closeBtn: false
                ,
                shadeClose: true
                ,
                maxWidth: 10000
                ,
                skin: 'fly-layer-search'
                ,
                content: `<form method="post" action="${api}"> <input autocomplete="off" placeholder="输入搜索内容，回车跳转" id="searchBox" type="text" name="keyword"> </form>`
            })
        });
    });


    /* */


</script>
{/block}

{block name='script'}

{/block}
</body>
{/block}
</html>